
import './App.css';
// import *as CustomComponent from './demo'
// import {MyComponent, SecondComponent} from './demo'
// import MyComponent, {SecondComponent} from './demo';
import { Top, Tap, TabItem, IconStyle, GlobalStyle } from './style';


function App() {
  return (
    <div className="App">
      {/* <MyComponent></MyComponent>
      <SecondComponent></SecondComponent> */}
      <GlobalStyle/>
      <IconStyle/>
      <Top>
        <span className="iconfont menu">1</span>
        <span className="title">WebApp</span>
        <span className="iconfont search">2</span>
      </Top>
      <Tap>
        <a href="/recommend"><TabItem><span>推荐</span></TabItem></a>
        <a href="/recommend"><TabItem><span>歌手</span></TabItem></a>
        <a href="/recommend"><TabItem><span>排行榜</span></TabItem></a>
      </Tap>
    </div>
  );
}

export default App;
